﻿<UserControl xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" xmlns:d="http://schemas.microsoft.com/expression/blend/2008" xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" xmlns:ViewModels="clr-namespace:ZFCNew.ViewModels" xmlns:sdk="http://schemas.microsoft.com/winfx/2006/xaml/presentation/sdk" xmlns:i="http://schemas.microsoft.com/expression/2010/interactivity" xmlns:local="clr-namespace:ZFCNew" xmlns:Controls="clr-namespace:ZFCNew.Controls" xmlns:ei="http://schemas.microsoft.com/expression/2010/interactions" xmlns:ZFCNew_Vectors="clr-namespace:ZFCNew.Vectors" x:Class="ZFCNew.MainPage"
	Width="997" Height="800" mc:Ignorable="d">
    <UserControl.Resources>
        <ViewModels:MainPageModel x:Key="MainPageModelDataSource" />
    	<Storyboard x:Name="LogoMouseHover">
        	<ColorAnimationUsingKeyFrames Storyboard.TargetProperty="(Shape.Fill).(GradientBrush.GradientStops)[0].(GradientStop.Color)" Storyboard.TargetName="path">
        		<EasingColorKeyFrame KeyTime="0:0:0.3" Value="White"/>
        		<EasingColorKeyFrame KeyTime="0:0:0.6" Value="#F6000000"/>
        	</ColorAnimationUsingKeyFrames>
        	<ColorAnimationUsingKeyFrames Storyboard.TargetProperty="(Shape.Fill).(GradientBrush.GradientStops)[1].(GradientStop.Color)" Storyboard.TargetName="path">
        		<EasingColorKeyFrame KeyTime="0:0:0.3" Value="#FFFFC700"/>
        		<EasingColorKeyFrame KeyTime="0:0:0.6" Value="Black"/>
        	</ColorAnimationUsingKeyFrames>
        </Storyboard>
    </UserControl.Resources>
	
    <Grid x:Name="LayoutRoot" Effect="{x:Null}" Background="#FF111111" DataContext="{Binding Source={StaticResource MainPageModelDataSource}}">
        <i:Interaction.Triggers>
            <i:EventTrigger EventName="Click" SourceObject="{Binding ElementName=BtnLogout}">
            	<i:Interaction.Behaviors>
            		<ei:ConditionBehavior>
            			<ei:ConditionalExpression>
            				<ei:ComparisonCondition/>
            			</ei:ConditionalExpression>
            		</ei:ConditionBehavior>
            	</i:Interaction.Behaviors>
                <i:InvokeCommandAction Command="{Binding LogoutCommand}"/>
            </i:EventTrigger>
        	<i:EventTrigger EventName="MouseEnter" SourceObject="{Binding ElementName=cu}">
        		<ei:ControlStoryboardAction Storyboard="{StaticResource LogoMouseHover}"/>
        	</i:EventTrigger>
        </i:Interaction.Triggers>

        <Path MouseLeftButtonDown="DisplayDisclaimer" x:Name="cu" Data="M40,225 C96.883118,235.26505 170.99937,195.99982 177,126 C238.19337,134.15675 288.41849,124.88449 340,109 C349.65036,83.350883 349.39459,54.068771 317,13 L69,9 C95.2575,16.266445 54.381042,45.563324 65.999588,45 C230.99991,37 134.99973,50 85.999626,78 C116.99969,103 122.99916,99 66.999611,120 C23.999393,140 9.6942167,196.54427 40,225 z" HorizontalAlignment="Left" Height="221.617" Margin="19.872,5,0,0" Stretch="Fill" StrokeThickness="4" UseLayoutRounding="False" VerticalAlignment="Top" Width="325.667" Fill="#FF111111" Stroke="#00000000" Cursor="Hand" Canvas.ZIndex="100" d:IsLocked="True"/>

        <Path

        x:Name="path" Data="M104.50836,115.37944 C97.073669,116.2316 88.698967,119.68283 79.384247,125.73314 C70.58226,131.35736 63.660324,137.40768 58.618408,143.88408 C45.45816,160.75677 38.878036,174.4765 38.878036,185.04324 C38.878036,192.54221 42.210831,196.29169 48.876419,196.29169 C61.182098,196.29169 73.957794,188.47318 87.203491,172.83609 C100.44919,157.19902 107.07204,141.66847 107.07204,126.24443 C107.07204,124.02884 106.94386,121.89844 106.68749,119.85326 C106.34566,118.57503 105.61929,117.08376 104.50836,115.37944 z M301.45132,38.831013 L310.29474,38.831013 C313.15408,38.831013 315.7113,39.917137 317.96637,42.089382 C320.22144,44.261627 321.349,46.756775 321.349,49.574821 C321.349,52.657059 320.12564,55.254948 317.67896,57.368481 C315.35022,59.364597 312.62347,60.362656 309.49881,60.362656 C306.34467,60.362656 303.58847,59.364597 301.23022,57.368481 C298.78354,55.254948 297.56021,52.657059 297.56021,49.574821 C297.56021,48.547409 297.67813,47.666767 297.91394,46.932899 C291.60565,46.991611 285.87219,50.249977 280.71353,56.708 C275.87912,62.813766 273.46191,69.095657 273.46191,75.553696 C273.46191,87.677155 281.40625,93.738892 297.29492,93.738892 L319.53607,93.738892 C318.62225,98.435638 315.04068,100.78401 308.79135,100.78401 L292.47525,100.78401 C282.30533,100.78401 274.05148,99.316284 267.71371,96.380814 C259.0177,92.32988 254.7139,85.739761 254.80234,76.610458 C254.86128,71.502747 256.43835,66.395035 259.53354,61.287327 C263.7489,54.300922 269.73297,48.782246 277.48566,44.7313 C285.00256,40.797779 292.99112,38.831013 301.45132,38.831013 z M235.96147,2.5000029 L294.16699,2.5000029 L287.26126,13.596066 L271.38702,13.596066 L263.94318,34.511257 L278.38245,34.511257 C277.96393,39.149292 275.10895,41.497665 269.81754,41.556374 L261.38715,41.64444 L257.88943,51.375504 C254.78036,60.093842 248.62199,64.453003 239.41434,64.453003 L208.02461,64.453003 C209.33998,61.165283 210.49094,58.831589 211.47748,57.45192 C213.21138,55.015484 215.24425,53.797268 217.57605,53.797268 C217.93478,53.797268 218.30847,53.826622 218.69711,53.885326 L239.63855,57.143696 L255.15405,13.596066 L229.50415,13.596066 C225.64771,13.596068 222.17989,14.696868 219.10069,16.898466 C215.75246,19.305546 214.07834,22.329075 214.07834,25.969053 C214.07834,28.493553 214.9453,29.931931 216.6792,30.284187 C217.24721,27.554203 218.71207,25.367281 221.07376,23.723423 C223.286,22.138269 225.82707,21.345694 228.69699,21.345695 C231.80606,21.345694 234.49661,22.285044 236.76863,24.163742 C239.22003,26.159857 240.44571,28.743067 240.44571,31.91337 C240.44571,35.435928 238.98087,38.180588 236.05115,40.14735 C233.53998,41.849922 230.41595,42.701206 226.67908,42.701206 C220.90935,42.701206 216.11119,41.380245 212.28464,38.738327 C208.03955,35.773506 205.91701,31.693211 205.91701,26.497437 C205.91701,18.718456 209.05598,12.642042 215.33392,8.2681971 C220.8645,4.4227381 227.74036,2.5000045 235.96147,2.5000029 z M67.719498,2 L201.15926,2 C201.24471,11.970233 200.00558,19.810083 197.44191,25.519529 C194.36549,32.336792 188.76811,37.918419 180.64978,42.264416 L128.99155,70.129913 C138.13535,77.28804 144.33092,85.553955 147.57826,94.927673 L255.25299,94.927673 C251.15108,108.56218 243.16095,115.37944 231.28255,115.37944 L152.32108,115.37944 C152.49197,116.57246 152.57744,118.40459 152.57744,120.87585 C152.57744,145.67358 139.97266,168.08531 114.76309,188.11101 C91.006279,206.94365 66.309464,216.36 40.672623,216.36 C28.623306,216.36 19.009491,212.97267 11.831177,206.19804 C4.6528625,199.42339 1.4055176,190.24139 2.0891724,178.65205 C3.6273804,155.81425 14.352127,136.59814 34.263412,121.00368 C51.781921,107.19873 72.248672,98.847595 95.663651,95.950272 C91.134468,87.087845 83.870697,78.821915 73.87233,71.152527 L144.63002,34.211521 L48.363678,34.211521 z" HorizontalAlignment="Left" Height="218.36" Margin="18.654,8.112,0,0" RenderTransformOrigin="0.773288366442752,0.153308777253811" Stretch="Fill" StrokeThickness="4" UseLayoutRounding="False" VerticalAlignment="Top" Width="323.349" d:LayoutOverrides="HorizontalAlignment, VerticalAlignment" IsHitTestVisible="False" Canvas.ZIndex="100" d:IsLocked="True">

        	<Path.Fill

        >

        		<LinearGradientBrush

        EndPoint="0.5,1" StartPoint="0.5,0">

        			<GradientStop

        				Color="Black" Offset="0"/>

        			<GradientStop

        				Color="Black" Offset="1"/>

        		</LinearGradientBrush>

        	</Path.Fill>

        	<Path.RenderTransform

        >

        		<CompositeTransform/>
        	</Path.RenderTransform>

        	<Path.Stroke

        >

        		<LinearGradientBrush

        EndPoint="0.5,1" StartPoint="0.5,0">

        			<GradientStop

        				Color="Red" Offset="0"/>

        			<GradientStop

        				Color="White" Offset="1"/>

        		</LinearGradientBrush>

        	</Path.Stroke>

        </Path>

        <Border BorderBrush="Black" BorderThickness="0" Margin="0" VerticalAlignment="Top" d:IsLocked="True">
            <sdk:Frame x:Name="MainFrame" Navigated="MainFrame_Navigated" Style="{StaticResource ZakumiFrameStyle}" Source="teamnresults" BorderThickness="0" d:IsLocked="True" >
                <sdk:Frame.UriMapper>
                    <sdk:UriMapper>
                        <sdk:UriMapping Uri="news" MappedUri="/Pages/News.xaml" />
                        <sdk:UriMapping Uri="teamnresults" MappedUri="/Pages/TeamNResults.xaml" />
                        <sdk:UriMapping Uri="gallery" MappedUri="/Pages/Gallery.xaml" />
                        <sdk:UriMapping Uri="about" MappedUri="/Pages/About.xaml" />
                    </sdk:UriMapper>
                </sdk:Frame.UriMapper>
            </sdk:Frame>
        </Border>

        <Border x:Name="Footer" BorderBrush="White" BorderThickness="0,1,0,0" Height="130" VerticalAlignment="Bottom" Background="#88000000" Width="980">
        	<Grid Margin="10">        		
        		<HyperlinkButton Content="Results" HorizontalAlignment="Left" Style="{StaticResource LinkWithoutBorderStyle}" Foreground="White" FontSize="18.667" Margin="295.5,49.333,0,38.5" RenderTransformOrigin="0.5,0.5" UseLayoutRounding="False" d:LayoutRounding="Auto" TargetName="_blank" NavigateUri="http://www.fifa.com/worldcup/matches/index.html" Opacity="0.7" d:LayoutOverrides="Height">
        			<HyperlinkButton.RenderTransform>
        				<CompositeTransform Rotation="10"/>
        			</HyperlinkButton.RenderTransform>
        		</HyperlinkButton>
        		<HyperlinkButton Content="Wikipedia link" HorizontalAlignment="Left" Style="{StaticResource LinkWithoutBorderStyle}" Foreground="White" FontSize="18.667" Margin="140.572,41.833,0,46" RenderTransformOrigin="0.5,0.5" UseLayoutRounding="False" d:LayoutRounding="Auto" NavigateUri="http://en.wikipedia.org/wiki/2010_FIFA_World_Cup" TargetName="_blank" Opacity="0.7" d:LayoutOverrides="Height">
        			<HyperlinkButton.RenderTransform>
        				<CompositeTransform Rotation="-10"/>
        			</HyperlinkButton.RenderTransform>
        		</HyperlinkButton>
                <HyperlinkButton Content="Feedback" Click="FeedbackClick" HorizontalAlignment="Right" VerticalAlignment="Top" Style="{StaticResource LinkWithoutBorderStyle}" Foreground="White" FontSize="18.667" Margin="0,13,159,0" RenderTransformOrigin="0.5,0.5" TargetName="_blank" UseLayoutRounding="False" d:LayoutRounding="Auto" Opacity="0.7">
        			<HyperlinkButton.RenderTransform>
        				<CompositeTransform Rotation="13"/>
        			</HyperlinkButton.RenderTransform>
        		</HyperlinkButton>
               
        		<HyperlinkButton Content="FIFA official web site" Style="{StaticResource LinkWithoutBorderStyle}" Foreground="White" FontSize="18.667" Margin="168,8,0,0" VerticalAlignment="Top" HorizontalAlignment="Left" RenderTransformOrigin="0.5,0.5" UseLayoutRounding="False" d:LayoutRounding="Auto" TargetName="_blank" NavigateUri="http://www.fifa.com/index.html" Opacity="0.7">
        			<HyperlinkButton.RenderTransform>
        				<CompositeTransform Rotation="-4"/>
        			</HyperlinkButton.RenderTransform>
        		</HyperlinkButton>
        		<HyperlinkButton Content="South Africa 2010" Style="{StaticResource LinkWithoutBorderStyle}" Foreground="White" FontSize="18.667" Margin="0,7,274.5,0" RenderTransformOrigin="0.5,0.5" UseLayoutRounding="False" d:LayoutRounding="Auto" HorizontalAlignment="Right" TargetName="_blank" NavigateUri="http://www.sa2010.gov.za/" VerticalAlignment="Top" Opacity="0.7">
        			<HyperlinkButton.RenderTransform>
        				<CompositeTransform Rotation="9"/>
        			</HyperlinkButton.RenderTransform>
        		</HyperlinkButton>
        		<HyperlinkButton Content="Follow us in twitter" Style="{StaticResource LinkWithoutBorderStyle}" Foreground="White" FontSize="18.667" Margin="0,44.333,263,43.5" RenderTransformOrigin="0.5,0.5" UseLayoutRounding="False" d:LayoutRounding="Auto" TargetName="_blank" NavigateUri="http://twitter.com/zakumi_sa2010" HorizontalAlignment="Right" Opacity="0.7" d:LayoutOverrides="Height">
        			<HyperlinkButton.RenderTransform>
        				<CompositeTransform Rotation="-2"/>
        			</HyperlinkButton.RenderTransform>
        		</HyperlinkButton>
        		<Grid HorizontalAlignment="Left" Margin="-20,-27,0,-26" Width="159">
        			<ZFCNew_Vectors:BallControl Margin="0,0,59,62" RenderTransformOrigin="0.5,0.5">
        				<ZFCNew_Vectors:BallControl.RenderTransform>
        					<CompositeTransform ScaleX="0.5" ScaleY="0.5"/>
        				</ZFCNew_Vectors:BallControl.RenderTransform>
        			</ZFCNew_Vectors:BallControl>
        			<ZFCNew_Vectors:BallControl Margin="1,62,58,0" RenderTransformOrigin="0.5,0.5">
        				<ZFCNew_Vectors:BallControl.RenderTransform>
        					<CompositeTransform ScaleX="0.5" ScaleY="0.5"/>
        				</ZFCNew_Vectors:BallControl.RenderTransform>
        			</ZFCNew_Vectors:BallControl>
        			<ZFCNew_Vectors:BallControl Margin="59,29,0,33" RenderTransformOrigin="0.5,0.5">
        				<ZFCNew_Vectors:BallControl.RenderTransform>
        					<CompositeTransform ScaleX="0.5" ScaleY="0.5"/>
        				</ZFCNew_Vectors:BallControl.RenderTransform>
        			</ZFCNew_Vectors:BallControl>
        		</Grid>
        		<Grid HorizontalAlignment="Right" Margin="0,-27,-16,-26" Width="159" RenderTransformOrigin="0.5,0.5">
        			<Grid.RenderTransform>
        				<CompositeTransform ScaleX="-1"/>
        			</Grid.RenderTransform>
        			<ZFCNew_Vectors:BallControl Margin="0,0,59,62" RenderTransformOrigin="0.5,0.5">
        				<ZFCNew_Vectors:BallControl.RenderTransform>
        					<CompositeTransform ScaleX="0.5" ScaleY="0.5"/>
        				</ZFCNew_Vectors:BallControl.RenderTransform>
        			</ZFCNew_Vectors:BallControl>
        			<ZFCNew_Vectors:BallControl Margin="1,62,58,0" RenderTransformOrigin="0.5,0.5">
        				<ZFCNew_Vectors:BallControl.RenderTransform>
        					<CompositeTransform ScaleX="0.5" ScaleY="0.5"/>
        				</ZFCNew_Vectors:BallControl.RenderTransform>
        			</ZFCNew_Vectors:BallControl>
        			<ZFCNew_Vectors:BallControl Margin="59,29,0,33" RenderTransformOrigin="0.5,0.5">
        				<ZFCNew_Vectors:BallControl.RenderTransform>
        					<CompositeTransform ScaleX="0.5" ScaleY="0.5"/>
        				</ZFCNew_Vectors:BallControl.RenderTransform>
        			</ZFCNew_Vectors:BallControl>
        		</Grid>
        		<TextBlock HorizontalAlignment="Center" TextWrapping="Wrap" Text="Dedicated to a little girl living near Popo agie river" VerticalAlignment="Bottom" Margin="0,0,0,5" Foreground="#FFFFC700" FontFamily="Fonts/Fonts.zip#Magneto" FontSize="16"/>
        	</Grid>
        </Border>
        <Rectangle HorizontalAlignment="Right" Stroke="Black" Width="10" StrokeThickness="0" RenderTransformOrigin="0.5,0.5" d:IsLocked="True">
            <Rectangle.RenderTransform>
                <CompositeTransform ScaleX="-1"/>
            </Rectangle.RenderTransform>
            <Rectangle.Fill>
                <LinearGradientBrush StartPoint="0.114,1" EndPoint="1.133,1">
                    <GradientStop Offset="0"/>
                    <GradientStop Offset="1"/>
                    <GradientStop Color="Black" Offset="0.517"/>
                </LinearGradientBrush>
            </Rectangle.Fill>
        </Rectangle>
        <Rectangle HorizontalAlignment="Left" Stroke="Black" Width="10" StrokeThickness="0" RenderTransformOrigin="0.5,0.5" d:IsLocked="True">
            <Rectangle.RenderTransform>
                <CompositeTransform/>
            </Rectangle.RenderTransform>
            <Rectangle.Fill>
                <LinearGradientBrush StartPoint="0.114,1" EndPoint="1.133,1">
                    <GradientStop Offset="0"/>
                    <GradientStop Offset="1"/>
                    <GradientStop Color="Black" Offset="0.517"/>
                </LinearGradientBrush>
            </Rectangle.Fill>
        </Rectangle>
        <Button
        x:Name="BtnLogout" Content="Disconnect from facebook" HorizontalAlignment="Left" FontSize="20" FontFamily="Arial" Style="{StaticResource SimpleTextButton}" Margin="363,2,0,0" VerticalAlignment="Top" Visibility="{Binding Fb.IsLoggedIn, Converter={StaticResource VisibilityConverter}}" d:IsLocked="True"/>
        <Border HorizontalAlignment="Left" Margin="47.954,221.8,0,360.506" Width="320" RenderTransformOrigin="0.5,0.5" UseLayoutRounding="False" d:LayoutRounding="Auto" d:LayoutOverrides="Height" d:IsLocked="True" >
        	<Border.RenderTransform>
        		<CompositeTransform Rotation="-31"/>
        	</Border.RenderTransform>
        	<StackPanel x:Name="NavHolder" Orientation="Vertical" RenderTransformOrigin="0.5,0.5" UseLayoutRounding="False" d:LayoutRounding="Auto" Margin="0,0,0.427,0">
        		<StackPanel.RenderTransform>
        			<CompositeTransform/>
        		</StackPanel.RenderTransform>
        		<RadioButton Content="News" Tag="news" Checked="NavigationTabSelected" Style="{StaticResource ZFCNavStyle}" d:LayoutOverrides="Width" Margin="-4.342,0,4.329,0"/>
        		<RadioButton Content="Gallery" Tag="gallery" Checked="NavigationTabSelected" Style="{StaticResource ZFCNavStyle}" d:LayoutOverrides="HorizontalAlignment" HorizontalAlignment="Left" VerticalAlignment="Top" Margin="-41.678,0,0,0"/>
        		<RadioButton Content="About ZFC" Tag="about" Checked="NavigationTabSelected" Style="{StaticResource ZFCNavStyle}" HorizontalAlignment="Left" VerticalAlignment="Top" Margin="-76.01,0,0,0" d:LayoutOverrides="HorizontalAlignment"/>
                <RadioButton Content="Teams N Results" Tag="teamnresults" Checked="NavigationTabSelected" Style="{StaticResource ZFCNavStyle}" Margin="-98.997,0,33.269,0" VerticalAlignment="Top"/>
        	</StackPanel>
        </Border>
        <Controls:NotificationPopup x:Name="Notification" VerticalAlignment="Top" Canvas.ZIndex="105" d:IsLocked="True"/>
    </Grid>
</UserControl>